import { Header } from "@/components/landing/Header";
import { HowWeHelp } from "@/components/landing/HowWeHelp";
import { FreeGuide } from "@/components/landing/FreeGuide";
import { TrustSignals } from "@/components/landing/TrustSignals";
import { Footer } from "@/components/landing/Footer";
import Image from "next/image";
import { SectionTitle } from "@/components/landing/SectionTitle";

export default function Home() {
  return (
    <div className="flex flex-col min-h-screen">
      <main className="flex-grow">
        <Header />
        <div className="bg-card pt-16 pb-12 text-center">
          <Image
            src="https://i.postimg.cc/4N7wh3c9/bbb.png"
            alt="Better Business Bureau Logo"
            width={340}
            height={114}
            className="object-contain inline-block"
          />
          <div className="mt-8">
            <video
              src="https://i.imgur.com/8Q9Z3pE.mp4"
              autoPlay
              loop
              muted
              playsInline
              className="w-full max-w-2xl mx-auto rounded-lg shadow-lg my-8"
            ></video>
          </div>
          <div className="mt-2">
            <SectionTitle>Real Help for Real People</SectionTitle>
          </div>
        </div>
        <HowWeHelp />
        <FreeGuide />
        <TrustSignals />
      </main>
      <Footer />
    </div>
  );
}